<template>
	<div class="header">
		<div class="user">
			<i  
			class="iconfont icon-icon-25">
			</i>
			<span class="name">
				LD音乐
			</span>
			<router-link to="/search">
				<i class="iconfont icon-icon-21"></i>
			</router-link>
		</div>
		<div class="nav">
			<comp-nav></comp-nav>
		</div>
	</div>
</template>

<script>
import compNav from "@/components/base/compNav.vue"
	export default {
		name:"compHeader",
		data() {
			return {
				
			};
		},
		components:{
			compNav
		}
	}
</script>

<style lang="scss" scoped>
	.header{
		height: 80px;
		background-color: #9926f7;
		padding: 8px 10px;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
	.user{
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 18px;
		// font-weight: bold;
		i{
			font-size: 20px;
		}
	}
	}
</style>
